<script setup>
import OrderComponent from "@renderer/views/order/Order.vue"
import HoldComponent from "@renderer/views/order/Hold.vue"
import TradeComponent from "@renderer/views/order/Trade.vue"
import {websocketStore} from "@renderer/store/wssock"
import {onMounted} from "vue";

onMounted(() => {
  websocketStore().init();
  websocketStore().login("","");
});
</script>

<template>
    <el-row :gutter="10">
        <el-col :sm="9" :lg="5">
            <order-component />
        </el-col>
        <el-col :sm="15" :lg="19">
            <hold-component />
        </el-col>
    </el-row>
    <el-row>
        <el-col>
            <el-tabs>
                <el-tab-pane label="委托" name="1"><trade-component /></el-tab-pane>
                <el-tab-pane label="成交" name="2" disabled />
                <el-tab-pane label="条件单" name="3" disabled />
            </el-tabs>
        </el-col>
    </el-row>
</template>
